<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header>我是头</header>
    <div>我是导航</div>
    <div>网站人口</div>
    <div>新鲜好物</div>
    <div1>热门推荐</div1>
    <div>人气品牌</div>
    <div>生鲜区</div>
    <div>最新专题</div>
    <footer>网站联系方式</footer>
<div class="xtx-main-nav">
<div class="container">
    <h1 class="logo f1">
        <a href=""></a>
    </h1>
    <nav class="f1">
<ul class="">
    <li><a href="">首页</a></li>
    <li><a href="">实现</a></li>
    <li><a href="">美食</a></li>
    <li><a href="">餐厨</a></li>
    <li><a href="">电器</a></li>
    <li><a href="">居家</a></li>
    <li><a href="">洗护</a></li>
    <li><a href="">孕婴</a></li>
    <li><a href="">服装</a></li>
</ul>
    </nav>
    <div class="search f1">
        <input type="search" placeholder="搜一搜">
    </div>
    <div class="car f1">
        <span>2</span>
    </div>
    </div>
    </div>
    <div class="xtx-entry">
        <div class="container">
            <section class="banner">
                <ui>
                    <li><a href=""><img src="/banner_1.png" alt=""></a></li>
                </ui>
                <a class="prev" href=""></a>
                <a class="prev" href=""></a>
            </section>
            <aside class="category">
                <ui>
                    <li><a href="#">生鲜 <span>水果</span><span>蔬菜</span></a></li>
                    <li><a href="#">美食 <span>面点</span><span>干果</span></a></li>
                    <li><a href="#">餐厨 <span>数码产品</span></a></li>
                    <li><a href="#">电器 <span>床品</span><span>四件套</span><span>被枕</span></a></li>
                    <li><a href="#">居家 <span>奶粉</span><span>玩具</span><span>辅食</span></a></li>
                    <li><a href="#">洗护 <span>洗发</span><span>洗护</span><span>美妆</span></a></li>
                    <li><a href="#">孕婴 <span>奶粉</span><span>玩具</span></a></li>
                    <li><a href="#">服饰 <span>女装</span><span>男装</span></a></li>
                    <li><a href="#">杂货 <span>户外</span><span>图书</span></a></li>
                    <li><a href="#">品牌 <span>品牌制造</span></a></li>
                </ui>
            </aside>
        </div>
    </div>
    <div class="xtx-popular container">
        <div class="goods-hd">
            <h2>热门推荐<span>人气爆款 不容错过</span></h2>
        </div>
        <ul class="goods-list">
            <li>
                <a href="">
                    <img src="" alt="">
                    <h3 class="title">特惠推荐</h3>
                    <P>我猜得到 你的需要</P>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="" alt="">
                    <h3 class="title">爆款推荐</h3>
                    <p>人气好物推荐</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="" alt="">
                    <h3 class="title">场景使用一站买全</h3>
                    <p>编辑精心整理推荐</p>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="" alt="">
                    <h3 class="title">领券中心</h3>
                    <p>发现更多超值优惠劵</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="xtx-new-goods">新鲜好物</div>
    <div class="xtx-popular">热门推荐</div>
    <div class="xtx-hot">人气品牌</div>
    <section class="xtx-servive">
        <div class="container">
            <a href="">价格亲民</a>
            <a href="">物流快捷</a>
            <a href=""></a>
        </div>
</body>
</html>